<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>北师大资产管理</title>

    <script type="text/javascript" src="../comme/js/jquery-1.8.3.min.js"></script>

    <script type="text/javascript" src="../comme/js/swiper.min.js"></script>
    <!--幻灯片-->
    <!-- <script type="text/javascript" src="Assets/js/js_z.js"></script> -->
    <!--幻灯片-->
    <link rel="stylesheet" type="text/css" href="../comme/style/base.css">
    <link rel="stylesheet" href="./assets/css/jianjie.css">
    <link rel="stylesheet" href="../comme/style/swiper.min.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_501698_kfq81xum3oko6r.css">
</head>

<body>
    <div class="head_t ">
        <div class="head_tm margin_center">

            <img src="./assets/images/charity_03.png" alt="">

        </div>
        <div class="head_list">
            <ul class="lists margin_center">
                <li class="list"><a href="">首页</a> </li>
                <li class="list"><a href="">认识公司</a> </li>
                <li class="list bumen">
                    <span id="bumen"> 部门概况 </span>
                    <ul class="bumenLists ">
                        <li class="bumenList">
                            <a href="">学校简介</a>
                        </li>
                        <li class="bumenList">
                            <a href="">公司指导</a>
                        </li>
                        <li class="bumenList">
                            <a href="">部门简介</a>
                        </li>
                    </ul>
                </li>
                <li class="list"><a href="">下属单位</a> </li>
                <li class="list"><a href="">活动咨询</a> </li>
                <li class="list"><a href="">活动场地</a> </li>
                <li class="list"><a href="">定制活动</a> </li>
                <li class="list"><a href="">配套服务</a> </li>
                <li class="list"><a href="">教学案例</a> </li>
                <li class="list"><a href="">人才招聘</a> </li>
            </ul>
        </div>
    </div>
    <div class="body_swiper ">

        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide blue-slide" style=" background-image:url('http://3.swiper.com.cn/demo/img/Parallax.jpg');"></div>
                <div class="swiper-slide red-slide">slider2</div>
                <div class="swiper-slide orange-slide">slider3</div>
            </div>
        </div>
        <div class="pagination"></div>
    </div>
    <div class="aass">
        <div class="kefu">
            <div>
                在线客服
            </div>
            <div>ONLINE CUSTONER SERVICE</div>
            <div class="kefubg">
                <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1512812655738&di=003698a17f7daf71a7b81febadd5e7f6&imgtype=0&src=http%3A%2F%2Fwww.dginfo.com%2FUpFile%2Fshop%2F2016%2F8%2F28%2F201682819084749554.jpg" alt="">
            </div>
            <ul>
                <li class="laoshi">李老师</li>
                <li class="laoshi">黄老师</li>
            </ul>
            <div class="shijian">
                在线时间：9:00-23:00
            </div>
        </div>
        <div class="news margin_center">

            <div class="searchs">
                <div class="search">
                    <input type="text" placeholder="查询最新场地信息">
                    <i class="iconfont icon-sousuo"></i>
                </div>
            </div>
            <div class="newsContent">
                <div class="peitao fl">
                    <div class="tit">
                        <span class="wenzi">课程模块</span>
                    </div>
                    <div class="fuwu">
                        <ul>
                            <li>
                                <div class="showimg fl">
                                    <img class="fr" src="./assets/images/charity_07.png" alt="专业裁判">
                                </div>
                                <div class="mingzi fl">
                                    企业 Emterprise
                                </div>
                            </li>
                            <li>
                                <div class="showimg fl">
                                    <img class="fr" src="./assets/images/charity_07.png" alt="专业裁判">
                                </div>
                                <div class="mingzi fl">
                                    干部 Cadre
                                </div>
                            </li>
                            <li>
                                <div class="showimg fl">
                                    <img class="fr" src="./assets/images/charity_07.png" alt="专业裁判">
                                </div>
                                <div class="mingzi fl">
                                    教师 Teacher
                                </div>
                            </li>
                        </ul>
                        <div class="dingzhi">
                            <div class="dingzhiTit">
                                定期培训
                            </div>
                            <div class="showImg">
                                <img src="./assets/images/charity_21.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content fl">
                    <div class="tit">
                        新闻动态 Dynamic news
                        <div class="move">
                            <i class="iconfont icon-you2"></i> MOVE
                        </div>

                    </div>
                    <div class="swiper">
                        <div class="swiper-content">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide blue-slide" style=" background-image:url('http://3.swiper.com.cn/demo/img/Parallax.jpg');"></div>
                                <div class="swiper-slide red-slide">slider2</div>
                                <div class="swiper-slide orange-slide">slider3</div>
                            </div>
                        </div>
                        <div class="content_pagination"></div>
                    </div>
                    <ul class="list">
                        <li>
                            <div class="biaoti fl">
                                ·运动休闲学院召开小整齐
                            </div>
                            <div class="date fr">
                                2017-10-10
                            </div>
                        </li>
                        <li>
                            <div class="biaoti fl">
                                ·运动休闲学院召开小整齐
                            </div>
                            <div class="date fr">
                                2017-10-10
                            </div>
                        </li>
                        <li>
                            <div class="biaoti fl">
                                ·运动休闲学院召开小整齐
                            </div>
                            <div class="date fr">
                                2017-10-10
                            </div>
                        </li>
                        <li>
                            <div class="biaoti fl">
                                ·运动休闲学院召开小整齐
                            </div>
                            <div class="date fr">
                                2017-10-10
                            </div>
                        </li>
                        <li>
                            <div class="biaoti fl">
                                ·运动休闲学院召开小整齐
                            </div>
                            <div class="date fr">
                                2017-10-10
                            </div>
                        </li>
                        <li>
                            <div class="biaoti fl">
                                ·运动休闲学院召开小整齐
                            </div>
                            <div class="date fr">
                                2017-10-10
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="huodong fl">
                    <div class="tit">精品项目</div>
                    <div class="changdi">
                        <ul>
                            <li>
                                <div class="showimg fl">
                                    <img class="fr" src="./assets/images/charity_09.png" alt="">
                                </div>
                                <div class="mingzi fl">
                                    <p>
                                        热点培训
                                    </p>
                                    <p>
                                        Hot training
                                    </p>

                                </div>
                            </li>
                            <li>
                                <div class="showimg fl">
                                    <img class="fr" src="./assets/images/charity_15.png" alt="">
                                </div>
                                <div class="mingzi fl">
                                    <p>
                                        特色培训
                                    </p>
                                    <p>
                                        Featured training
                                    </p>

                                </div>
                            </li>
                            <li>
                                <div class="showimg fl">
                                    <img class="fr" src="./assets/images/charity_15.png" alt="">
                                </div>
                                <div class="mingzi fl">
                                    <p>
                                        品牌培训
                                    </p>
                                    <p>
                                        Brand training
                                    </p>

                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="kuaijie">
                        <div class="title">
                            <span>快捷窗口</span>
                        </div>
                        <div class="fenxiang">
                            <div class="weixin fl border-r">
                                <i class="iconfont icon-weixin"></i> 官方微信
                            </div>
                            <div class="weibo fl border-r">
                                <i class="iconfont icon-sina"></i> 官方微博
                            </div>
                            <div class="pengyouquan fl ">
                                <i class="iconfont icon-weixin"></i> 微信客服
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="huigu margin_center">
        <div class="huod fl">
            <div class="tit ">
                推荐培训项目 Selected courses
                <div class="move">
                    <i class="iconfont icon-you2"></i> MOVE
                </div>

            </div>
            <ul>
                <li>
                    <div class="biaoti fl">【学生活动】 “爱海杯” 珠海学生。。。。。。。。。</div>
                    <div class="kaiban fl">新开班</div>
                    <div class="date fl">2017-10-10</div>
                    <div class="xiangqng fl">
                        <span>查看详情</span>
                    </div>
                </li>
                <li>
                    <div class="biaoti fl">【学生活动】 “爱海杯” 珠海学生。。。。。。。。。</div>
                    <div class="kaiban fl">新开班</div>
                    <div class="date fl">2017-10-10</div>
                    <div class="xiangqng fl">
                        <span>查看详情</span>
                    </div>
                </li>
                <li>
                    <div class="biaoti fl">【学生活动】 “爱海杯” 珠海学生。。。。。。。。。</div>
                    <div class="kaiban fl">新开班</div>
                    <div class="date fl">2017-10-10</div>
                    <div class="xiangqng fl">
                        <span>查看详情</span>
                    </div>
                </li>
                <li>
                    <div class="biaoti fl">【学生活动】 “爱海杯” 珠海学生。。。。。。。。。</div>
                    <div class="kaiban fl">新开班</div>
                    <div class="date fl">2017-10-10</div>
                    <div class="xiangqng fl">
                        <span>查看详情</span>
                    </div>
                </li>
                <li>
                    <div class="biaoti fl">【学生活动】 “爱海杯” 珠海学生。。。。。。。。。</div>
                    <div class="kaiban fl">新开班</div>
                    <div class="date fl">2017-10-10</div>
                    <div class="xiangqng fl">
                        <span>查看详情</span>
                    </div>
                </li>
                <li>
                    <div class="biaoti fl">【学生活动】 “爱海杯” 珠海学生。。。。。。。。。</div>
                    <div class="kaiban fl">新开班</div>
                    <div class="date fl">2017-10-10</div>
                    <div class="xiangqng fl">
                        <span>查看详情</span>
                    </div>
                </li>
                <li>
                    <div class="biaoti fl">【学生活动】 “爱海杯” 珠海学生。。。。。。。。。</div>
                    <div class="kaiban fl">新开班</div>
                    <div class="date fl">2017-10-10</div>
                    <div class="xiangqng fl">
                        <span>查看详情</span>
                    </div>
                </li>
            </ul>
        </div>
        <div class="fenlei fl">
            <div class="tit">
                最新开班 Government training
            </div>
            <ul>
                <li>
                    <div class="fl tex">
                        2017年广州医科大学中层干部管理水平提示培训班
                    </div>
                    <div class="date fl">
                        2017-10-10
                    </div>
                </li>
                <li>
                    <div class="fl tex">
                        2017年广州医科大学中层干部管理水平提示培训班
                    </div>
                    <div class="date fl">
                        2017-10-10
                    </div>
                </li>
                <li>
                    <div class="fl tex">
                        2017年广州医科大学中层干部管理水平提示培训班
                    </div>
                    <div class="date fl">
                        2017-10-10
                    </div>
                </li>
                <li>
                    <div class="fl tex">
                        2017年广州医科大学中层干部管理水平提示培训班
                    </div>
                    <div class="date fl">
                        2017-10-10
                    </div>
                </li>
                <li>
                    <div class="fl tex">
                        2017年广州医科大学中层干部管理水平提示培训班
                    </div>
                    <div class="date fl">
                        2017-10-10
                    </div>
                </li>
                <li>
                    <div class="fl tex">
                        2017年广州医科大学中层干部管理水平提示培训班
                    </div>
                    <div class="date fl">
                        2017-10-10
                    </div>
                </li>
                <li>
                    <div class="fl tex">
                        2017年广州医科大学中层干部管理水平提示培训班
                    </div>
                    <div class="date fl">
                        2017-10-10
                    </div>
                </li>
            </ul>

        </div>
    </div>
    <div class="anli margin_center">
        <div class="tit ">
            活动案例 Dynamic news
            <div class="move">
                <i class="iconfont icon-you2"></i> MOVE
            </div>

        </div>
        <div class="swiper-anli">
            <div class="swiper-wrapper">
                <div class="swiper-slide blue-slide" style=" background-image:url('http://3.swiper.com.cn/demo/img/Parallax.jpg');"></div>
                <div class="swiper-slide red-slide">slider2</div>
                <div class="swiper-slide orange-slide">slider3</div>
                <div class="swiper-slide red-slide">slider4</div>
                <div class="swiper-slide orange-slide">slider5</div>
            </div>

        </div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>
    <div class="fenxiao margin_center">
        <div class="swiper-fenxiao">
            <div class="swiper-wrapper">

                <div class="swiper-slide ">

                    <img src="./assets/images/charity_29.png" alt="">
                </div>
            </div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>
        <!-- <div class="bgxx swiper-anli">
            <img src="./assets/images/charity_29.png" alt="">
        </div> -->
    </div>
    <div class="footer margin_center">
        <div class="dizhi fl">
            <div>Copyright©2002-2017 - 北京师范大学珠海分校 版权所有</div>
            <div>地址：广东省珠海市香洲区唐家湾金凤路18号 电话: 0086-756-6126393 招生咨询: 0756-6126777 </div>
            <div>粤公网安备 44049102496217号 粤ICP备05026012号 网站管理员：support@bnuz.edu.cn</div>
        </div>
        <div class="erweima fl">
            <div class="weixin fl">
                <div>官方微博</div>
                <img class="fr" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1513343747&di=e218c694075a43b57cdcfe09affa4554&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.jituwang.com%2Fuploads%2Fallimg%2F120922%2F234819-1209220T91881.jpg" alt="">
            </div>
            <div class="weibo fl">
                <div>官方微信</div>
                <img class="fr" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1513343747&di=e218c694075a43b57cdcfe09affa4554&imgtype=jpg&er=1&src=http%3A%2F%2Fwww.jituwang.com%2Fuploads%2Fallimg%2F120922%2F234819-1209220T91881.jpg" alt="">
            </div>
        </div>
    </div>
    <script>
        $(function() {

            var mySwiper = new Swiper('.swiper-container', {
                loop: true,
                autoplay: 3000,
                pagination: '.pagination',
                paginationClickable: true,
            });
            var mySwiper2 = new Swiper('.swiper-content', {
                loop: true,
                autoplay: 3000,
                pagination: '.content_pagination',
                paginationClickable: true,
                width: 567,

                paginationBulletRender: function(swiper, index, className) {
                    return '<span class="' + className + '">' + (index + 1) + '</span>';
                }
            });
            var mySwiper3 = new Swiper('.swiper-anli', {
                loop: true,
                autoplay: 3000,
                centeredSlides: true,
                slidesPerView: 4,
                spaceBetween: 20,
                slidesOffsetBefore: -120,
                prevButton: '.swiper-button-prev',
                nextButton: '.swiper-button-next',
            });
            var mySwiper4 = new Swiper('.swiper-fenxiao', {
                loop: true,
                prevButton: '.swiper-button-prev',
                nextButton: '.swiper-button-next',
            });
            $('#bumen').click(function(e) {
                e.stopPropagation;
                e.preventDefault;
                var isshow = $(".bumenLists").hasClass('isshow');
                if (isshow) {
                    $('.bumenLists').removeClass('isshow').stop().animate({
                        height: "0px"
                    })
                } else {
                    $('.bumenLists').addClass('isshow').stop().animate({
                        height: "243px"
                    })
                }

            })
        })
    </script>
</body>